import { getTranslations } from 'next-intl/server'
import AnchorTitle from '../../components/anchor-title'
import ArticleSkeleton from './components/article-skeleton'

const Loading: React.FC = async () => {
  const t = await getTranslations('news')
  const skeletonList = [0, 1, 2, 3, 4, 5]
  return (
    <>
      <div
        id='news'
        className='h-[1.875rem] lg:h-[2.1875rem] 2xl:h-[3.28125rem]'
      />
      {/* 新闻 */}
      <AnchorTitle title={t('news')} />
      <div className='h-4 lg:h-2 2xl:h-3' />
      {/* 列表 */}
      <div className='flex flex-col'>
        {skeletonList.map((item) => {
          return <ArticleSkeleton key={item} />
        })}
      </div>
    </>
  )
}

export default Loading
